<!-- PAGE CONTENT WRAPPER -->
<div class="page-content-wrap">

    <div class="row">
        <div class="col-md-12">
            <!-- START TABLE HOVER ROWS -->
            <div class="panel panel-default">
                <div class="panel-heading x-navigation x-navigation-horizontal x-navigation-panel">
                    <div class="panel-title-box" style="width: 30%">
                        <h3 class="panel-title"><strong>{{'查询结果：' | dyLanguage}}</strong></h3>
                    </div>
                    <div class="search-div">
                        <ul class="panel-controls panel-controls-title">
                            <li class="xn-search">
                                <form role="form">
                                    <input ng-model="queryPara.query.name.value" class="searchInputWhite" type="text" name="search" placeholder="{{'查询' | dyLanguage}}"/>
                                </form>
                            </li>
                            <li class="top-panel-controls">
                                <button class="btn btn-primary" ng-click="update()"><i class="fa fa-plus"></i>{{'保存' | dyLanguage}}</button>
                            </li>
                            <li class="top-panel-controls">
                                <button class="btn btn-primary" ng-click="export()"><i class="fa fa-plus"></i>{{'导出' | dyLanguage}}</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="panel-body table-responsive">
                    <table class="table table-hover">
                        <thead>
                        <tr>
                            <th>{{'键值' | dyLanguage}}</th>
                            <th>{{'翻译' | dyLanguage}}</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="word-wrap:break-word;word-break: break-all;" ng-repeat="record in details">
                            <td>{{record.key}}</td>
                            <td ng-trim="false">{{record.value}}</td>
                            <!--<td width="20%">{{record.remark}}</td>-->
                            <td><a href="javascript:void(0)" ng-click="openDetail(record)">{{'编辑' | dyLanguage}}</a></td>
                        </tr>
                        </tbody>
                    </table>
                    <table id="languageDatas" style="display: none;">
                        <tr><th>KEY</th><th>VALUE</th></tr>
                    </table>
                </div>
            </div>
            <!-- END TABLE HOVER ROWS -->

        </div>
    </div>

</div>
<!-- END PAGE CONTENT WRAPPER -->
<ui-view name="map-child"></ui-view>